<template>
  <div id="show_info">
    <div class="container clearflx" style="margin-bottom: 100px;">
      <div class="left clearflx">
        <div class="leftImg">
          <img src="../../assets/show_details/show_logo.jpg" alt />
          <p class="doorTime">距开幕21天</p>
        </div>
        <div class="rightTetx">
          <h3 style="font-size: 26px;font-weight: 400;color:#c81622;">2018首届海南国际香业展会</h3>
          <div style="margin-top: 40px;margin-bottom:60px;color: #000;">
            <span style="margin-left: 100px;">简称：</span>
            <span>海香会</span>
          </div>
          <p class="right_info">
            <span>展会英文名：</span>
            <span>2018 Hainan International Fragrant Industry Exhibiti</span>
          </p>
          <p class="right_info">
            <span>举办时间：</span>
            <span>2018/10/25---2018/10/25</span>
          </p>
          <p class="right_info">
            <span>举办展馆：</span>
            <span>海南国际会展中心</span>
          </p>
          <p class="right_info">
            <span>所属行业：</span>
            <span>文化教育</span>
          </p>
          <p class="right_info">
            <span>展会城市：</span>
            <span>海南/海口市</span>
          </p>
          <p class="right_info">
            <span>主办单位：</span>
            <span>海南省商务厅 海南省林业厅 海南省沉香协会</span>
          </p>
          <p class="right_info">
            <span>展会面积：</span>
            <span>19700平方米</span>
          </p>
          <p class="right_info">
            <span>举办届数：</span>
            <span>首届</span>
          </p>
          <p class="right_info">
            <span>举办周期：</span>
            <span>一年两届</span>
          </p>
        </div>
        <div class="bottom_btn">
          <span class="join_btn">参观登记</span>
          <span class="online">在线咨询</span>
        </div>
      </div>
      <div class="right clearflx">
        <div style="padding: 4px 52px;">
          <div style="width: 28px;float: left;margin-top: 3px;">
            <img src="../../assets/show_details/float-chat.png" alt style="width:100%;" />
          </div>
          <span class style="font-size: 24px;color: #fff;font-weight: 400;">点击咨询</span>
        </div>
        <div style="padding: 4px 52px;">
          <div style="width:28px;float:left;margin-top: 3px;">
            <img src="../../assets/show_details/float-phone.png" alt style="width:100%;" />
          </div>
          <span style="font-size: 24px;color: #fff;font-weight: 400;">客服电话</span>
        </div>
        <p style="padding: 0px 22px;font-size: 31px;color: rgb(255, 255, 255);">400-669-8859</p>
        <div style="padding: 14px 40px;">
          <img src="../../assets/show_details/wechat.png" alt style="width:100%;" />
        </div>
        <p
          style="padding: 0px 40px;font-size: 27px;color: rgb(255, 255, 255);margin-bottom: 20px;"
        >官方微信</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.left {
  float: left;
  width: 935px;
  .leftImg {
    width: 303px;
    margin-left: 110px;
    float: left;
    margin-top: 180px;
    > img {
      width: 100%;
    }
    .doorTime {
      line-height: 30px;
      font-size: 20px;
      background-color: #c81622;
      color: #fff;
    }
  }
  .rightTetx {
    margin-left: 38px;
    margin-top: 40px;
    width: 484px;
    float: left;
    text-align: left;
    .right_info {
      color: #000;
      font-size: 14px;
      line-height: 26px;
    }
  }
  .bottom_btn {
    width: 100%;
    float: left;
    margin-top: 30px;
    .join_btn {
      padding: 10px 22px;
      display: inline-block;
      background-color: #c81622;
      color: #fff;
      font-size: 18px;
      border-radius: 6px;
      margin-right: 40px;
      margin-left: 160px;
    }
    .online {
      padding: 9px 22px;
      display: inline-block;
      color: #c81622;
      border: 1px solid #c81622;
      font-size: 18px;
      border-radius: 6px;
    }
  }
}
.right {
  float: left;
  width: 240px;
  background-color: #f83542;
  padding-top: 20px;
  margin-top: 70px;
  border-radius: 20px;
}
</style>